<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		.aui-car-box{
			background: #f5f5f5;
		}
		.aui-car-coupons{
			font-size: 14px;
			color: #e93b3d;
		}
		.aui-car-box-list-item{
			height: auto;
			min-height: 100px;
			background-color: #FFFFFF;
			font-size: 12px;
		}
		.aui-car-box-list-text-price{
			height: 26px;
			line-height: 26px;
			/*margin: 3px 0;*/
		}
		.aui-car-box-list-text-action{
			text-align: right;
			height: 24px;
		    line-height: 24px;
		    position: relative;
		    margin-top: 10px;
		}
		.aui-car-box-list{
			margin-bottom: 10px;
		}
		.aui-car-box-list ul li{
			margin-bottom: 0;
			border-bottom: 1px solid #DEDCDC;
		}
		.aui-car-box-list ul li:last-child{
			border-bottom: 0;
		}
		.aui-car-box-name{
			border-bottom: 1px solid #DEDCDC;
			border-top: 1px solid #DEDCDC;
		}
		.aui-car-box-list-text-pri{
			float: left;
		}
		.btn-remove{
			float: right;
			/*font-size: 16px;*/
			margin-top: 5px;
		}
		.teacher_info{
			margin: 6px 0;
		}
		
		.aui-car-box-list-text-brief{
			    /*margin-top: 30px;*/
		}
		/*.course__sign{
			float: left;
			margin-left:16px;
		}*/
		.aui-car-box-list-img{
			width: 8rem;
			height: auto;
		}
		.aui-car-box-list-text{
			margin-left: 170px;
		}
		.aui-car-box-list-text-arithmetic{
			text-align: center;
			z-index: 2;
		}
		.num{
		    border: 1px solid #e0e0e0;
		    width: 60px;
		    text-align: center;
		    height: 100%;			
		}
		.aui-car-box-list-text-price{
			/*line-height: normal;*/
		}
		.aui-car-box-list-text h4{
			line-height: 1.5;
			font-size: 14px;
			width: 76%;
		}
		.aui-car-box-list-text .title{
			margin: 3px 0;
			height: 20px;			
		}
		.aui-car-box-list-text .title span.fl{
		 	background-color:#fff2bd;
			padding: 2px 6px;
		}
		.chk-type{
			    /*background: url(../chlidWeChat/themes/img/icon/icon_radio3.png) no-repeat center left;*/
			    /*background-size: 20px 20px;*/
			    display:inline-block;		    
			    width: 20px;
			    height: 35px;
			    /*border: none;*/
		}
		.price-1{
			display: none;
		}
		.course-num-item{
			line-height: 24px;
			height: 24px;
			margin: 1px 0;
		}
	</style>
</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">购物车</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0">
		</a>
	</header>
	<section class="aui-car-content">
		<div class="aui-car-box">
			<div class="aui-car-box-list">
				<ul id="car-list">		
					
					
					<script  type="text/html" id="dataTmpl">
					    {{each}}
					    <li>
							<div class="aui-car-box-list-item" id="item_{{$value.id}}">
								<input type="checkbox" class="check goods-check goodsCheck" data-id="{{$value.id}}" data-num="{{$value.totalNumber}}" value="{{$value.activityPrice || $value.totalPrice}}">
								<div class="aui-car-box-list-img">
									<a href="ui-product.html?id={{$value.id}}">
										<img src="{{$value.picture1 | pictureFormat}}" onerror="this.src='themes/img/pd/course_defult.jpg'" alt="">
									</a>
								</div>
								<div class="aui-car-box-list-text">
									<div class="clearfix">
										<h4 class="fl">
											<a href="ui-product.html?id={{$value.id}}">{{$value.courseName}}</a>
										</h4>
										
										<a class="btn-remove fr" href="javascript:deleteItem('{{$value.id}}')" data-id="{{$value.id}}">移除</a>
									</div>							
									<div class="title clearfix ">
										<span class="fl">课程价格</span>
										<span class="fr">单价</span>
									</div>
									<div class="aui-car-box-list-text-price clearfix">										
											<span class="aui-list-product-item-price price-1 fl">
												<em>¥</em>
												<span>0.00</span>
											</span>									
										
											
											{{if $value.activityPrice!==null}}
											<span class="aui-list-product-item-price price-2 fl">
												<em>¥</em>
												<span>{{($value.activityPrice || $value.totalPrice) | coursePriceFormat}}</span>
											</span>									
											<span class="aui-list-product-item-del-price price-2 fl">
												¥{{$value.totalPrice | coursePriceFormat}}
											</span>	
											{{else}}
											<span class="aui-list-product-item-price price-2 fl">
												<em>¥</em>
												<span>{{$value.totalPrice | coursePriceFormat}}</span>
											</span>
											{{/if}}
											
											
											<span class="fr">
												{{$value.coursePrice | coursePriceFormat}} ×
											</span>
									</div>
									<div class="aui-car-box-list-text-price course-num-item clearfix">									
										<div class="fl">
											课次									
										</div>
										<div class="aui-car-box-list-text-arithmetic">
											<a href="javascript:;" class="minus">-</a>
											<span class="num" data-total="{{$value.totalNumber}}" 
												data-price="{{$value.coursePrice}}" 
												data-tprice="{{$value.totalPrice}}"
												data-aprice="{{$value.activityPrice}}" 
												data-id="{{$value.id}}">{{$value.totalNumber}}</span>
											<a href="javascript:;" class="plus">+</a>
										</div>
									</div>							
								</div>
	
							</div>
						</li>							
					    {{/each}}
					</script>				
				</ul>
				<div class='full-screen-tip full-screen-tip--empty' style="display: none;">
					<p>购物车 还没有课程！<br><a href="index.html">去挑选课程吧</a></p>
				</div>
			</div>	

		</div>
	</section>
	<div class="aui-payment-bar">
		<div class="all-checkbox"><input type="checkbox" class="check goods-check" id="AllCheck">全选</div>
		<div class="shop-total">
			<strong>合计：<i class="total" id="AllTotal">0.00</i></strong>
		</div>
		<a href="#" class="settlement">结算</a>
	</div>
	
	<script src="themes/js/jquery.min.js"></script>	
	<script src="themes/js/aui.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/mui.picker.js"></script>
	<script type="text/javascript" src="js/mui.poppicker.js"></script>
	<script type="text/javascript" src="themes/js/common.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
	<script type="text/javascript" src="static/car/car.js"></script>
</body>
</html>